body{
    margin: 0px;
    height: 100vh;
    display: flex;

    /*改变主轴方向:竖直向下*/
    flex-direction: column;
    /*设置项目在主轴方向的对齐方式*/
    justify-content: space-between;
    align-items: center;
}
#header-img{
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    background-image: url(../image/img.jpg);
    background-size: 140%;
    background-position: 50% 60%;
    margin: 10vh 0px 5vh;
}
form{
    width: 75vw;
}
.control{
    padding: 1vh 0px;
    border-bottom: 1px solid gray;
}
input{
    border: none;
    padding: 1vh;
}
.control input,label{
    font-size: 0.9rem;
}
#login{
    margin-top: 2.5vh;
}
input[type=button]{
    width: 100%;
    height: 8vh;
    font-size: 1rem;
    background-color: #339944;
    color: white;
    border-radius: 8px;
}
a{
    color: gray;
    font-size: 0.8rem;
    text-decoration: none;
}
#register{
    margin: 5vh 0;
}
@media screen and (min-aspect-ratio:3/2) {
	a{
		position: absolute;
	}
	#forget{
			left:15vw;
			bottom: 3vh;
	}
	#register{
			right:15vw;
			bottom: 3vh;
			margin: 0;
	}
	
	#header-img{
		margin-top: -5vh;
		width: 32vh;
		height: 32vh;
	}
	body{
		justify-content: space-around;
	}
	form{
		margin-top: -32vh;
	}
}